<template>
    <div class="form-horizontal">
        <div class="form-group">
            <div class="col-sm-6">
                <label>日期：</label>
                <input type="date"
                    class="form-control"
                    v-model="date"
                    placeholder="Date"
                />
            </div>
            <div class="col-sm-6">
                <label>时间：</label>
                <input type="number" 
                    class="form-control"
                    v-model="totalTime"
                    placeholder="Hours"
                />
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-12">
                <label>备注：</label>
                <textarea class="form-control"
                    v-model="comment"
                    placeholder="Comment"
                ></textarea>
            </div>
        </div>
        <button class="btn btn-primary" @click="save()"> 保存 </button>
        <router-link to="/time-entries" class="btn btn-danger"> 取消 </router-link>
    </div>
</template>

<script>
    export default {
        name:'LogTime',
        data(){
            return{
                date:'',
                totalTime:'',
                comment:'',
            }
        },
        methods:{
            save(){
                const plan={
                    name      : '二哲',
                    images    : 'https://sfault-avatar.b0.upaiyun.com/888/223/888223038-5646dbc28d530_huge256',
                    date      : this.date,
                    totalTime : this.totalTime,
                    comment   : this.comment,
                };
                this.$store.dispatch('savePlan',plan)
                this.$store.dispatch('addTotalTime',this.totalTime)
                this.$router.go(-1)
            }
        }
    }
</script>
